<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" >
	<title>京西(JX.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
	<link rel="stylesheet" href="css/reset.css" type="text/css">
	<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="head">
	<div class="head_top">
		<div class="wrap clearfix">
			<div class="leftArea">
				<a href="#" id="collection">收藏京西</a>
			</div>
			<div class="rightArea">欢迎来到京西网！<a href="#">[登录]</a><a href="#">[免费注册]</a></div>
		</div>
	</div>
	<div class="search">
		<div class="wrap">
			<div class="logo">
				<a href="#"><img src="images/logo.png" alt="京西商城"></a>
			</div>
			<div class="progress_bar">
				<img src="images/progress_bar.png" alt="进度条">
				<ul class="clearfix">
					<li class="progress_third">订单提交成功</li>
					<li class="progress_second">填写核对订单</li>
					<li class="progress_first">我的购物车</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="account wrap">
	<div class="account_box receive">
		<h3>收货信息</h3>
		<ul>
			<li class="address clearfix"><span><b>*</b>选择地区：</span><h4>北京市 海淀区 五环内<i></i></h4></li>
			<li><span><b>*</b>详细地址：</span><input class="input_box width_390" type="text" placeholder="最多输入26个汉字"></li>
			<li><span><b>*</b>收 货 人：</span><input class="input_box width_110" type="text" placeholder="最多10个汉字"></li>
			<li><span><b>*</b>手&nbsp;&nbsp;机：</span><input class="input_box width_110" type="text" placeholder="如13452525625">
				或固定电话：<input type="text" class="input_box width_62" value="区号">-<input class="input_box width_98" type="text" value="电话号码">-<input class="input_box width_98" type="text" value="分机号（可选）">
			</li>
			<input class="account_btn blue_btn" type="button" value="确认收货地址">
		</ul>
	</div>
	<div class="account_box pay">
		<h3>支付方式</h3>
		<ul>
			<li><input type="radio" name="pay_way" id="weixin_pay"><label for="weixin_pay">微信支付</label><i></i>用微信扫一扫就能支付！</li>
			<li><input type="radio" name="pay_way" id="arrive_pay"><label for="arrive_pay">货到付款</label>送货上门后再付款，使用现金或刷银行卡。</li>
		</ul>
	</div>
	<div class="account_box receipt">
		<h3>发票信息</h3>
		<div class="need_receipt"><input type="checkbox" checked="checked" id="nend_receipt"><label for="nend_receipt">需要发票</label></div>
		<ul>
			<li>
				<span><b>*</b>发票类型：</span>
				<select>
					<option>商业零售发票</option>
				</select>
			</li>
			<li>
				<span><b>*</b>发票抬头：</span>
				<select name="" id="">
					<option value="">个人</option>
				</select>
				<input class="input_box width_110" type="text" placeholder="阿斯顿">
			</li>
			<input class="account_btn blue_btn" type="button" value="保存"><input class="account_btn" type="button" value="取消">
		</ul>
	</div>
	<div class="account_box deliver">
		<h3>送货清单<a href="#">返回购物车修改</a></h3>
		<ul class="clearfix">
			<li class="deliver_width_440">商品名称</li>
			<li class="deliver_width_135">单价</li>
			<li class="deliver_width_135">返现</li>
			<li class="deliver_width_135">数量</li>
			<li>小计</li>
		</ul>
		<div class="order_info clearfix">
			<div class="order_name deliver_width_440 clearfix">
				<div class="order_img"><img src="images/order_img.jpg" alt=""></div>
				<div class="order_text">
					<h4>Hisense 海信 BCD-202D 202升 三门冰箱（银色）</h4>
					<p>[赠品] 保鲜盒 抽正空保鲜盒-海信冰箱赠品</p>
				</div>
			</div>
			<div class="order_price deliver_width_135">￥1459.00</div>
			<div class="return_money deliver_width_135">￥0.00</div>
			<div class="commodity_num deliver_width_135"><p>1</p><p>1</p></div>
			<div class="count">￥1459.00</div>
		</div>
		<div class="remark">
			<span class="leave_word">若您对包裹有特殊要求，请在此留言</span>
			<p>抱歉，一下商品暂时不能购买，已帮您自动在本次结算中剔除并扣减对应金额，您可以先购买其他商品：）</p>
			<div class="remark_commodity clearfix">
				<div class="order_img"><img src="images/remark_img.jpg" alt=""></div>
				<div class="remark_text">
					<span>清风 欧元系列 清香型 100抽3…</span>
					<span>数量：1件</span>
					<span>￥4.90<b>（无货）</b></span>
				</div>
			</div>
		</div>
	</div>
	<div class="account_box total">
		<h3>订单结算</h3>
		<p>总计<span>￥1459.00</span></p>
		<div class="submit_btn clearfix"><input type="button" value="提交订单"></div>
	</div>
</div>
<div id="footer">
	<p>慕课简介|慕课公告| 招纳贤士| 联系我们|客服热线：400-675-1234</p>
	<p>Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123</p>
	<div class="credit_rating">
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
		<a href="#"><img src="images/pj.jpg" alt="信用评价"></a>
	</div>
</div>
</body>
</html>